import { Skeleton } from "../ui/skeleton"

export const CustomDrawerSkeleton = () => {
  return (<div className="p-[1.5rem]" >
    <div className="flex flex-col space-y-4 space-x-7">
      <div className="flex gap-2" >
        <Skeleton className="size-5 rounded-full" />
        <Skeleton className="h-7 w-full" />
      </div>
      <div className="space-y-3">
        <Skeleton className="h-5 w-[200px]" />
        <Skeleton className="h-5 w-[200px]" />
        <Skeleton className="h-5 w-[200px]" />
        <Skeleton className="h-5 w-[200px]" />
      </div>
    </div>
  </div>
  )
}
